<template>
  <div class="card-modules">
    <div class="modules-bg">
      <div class="modules-bg-corner top-left"></div>
      <div class="modules-bg-corner top-right"></div>
      <div class="modules-bg-corner bottom-left"></div>
      <div class="modules-bg-corner bottom-right"></div>
    </div>
    <div class="modules-header">
      <div class="modules-title">
        <div class="modules-icon"></div>
        <div class="modules-text">{{ title }}</div>
      </div>
      <slot name="head-button"></slot>
    </div>
    <div class="modules-content">
      <slot></slot>
    </div>
  </div>
</template>
<script setup>
  const props = defineProps({
    title: String,
  });
</script>

<style lang="less" scoped>
  @import './index.less';
</style>
